<template>
  <div class="content">
    <div class="cloud-header">
      <h2>规则管理</h2>
    </div>
    <div class="cloud-body">
      <div class="cloud-subset-title">
        <div class="cloud-subset-action">
          <Button >自动生成</Button>
          <Button color="primary">创建规则</Button>
        </div>
        <p class="cloud-subset-tips">在开发的场景同，通常一个项目管理多个应用，如微信公众号，微信小程序，数据后台等等公用的一个数据库，此处用于区分不同应用场景<br></p>
      </div>
      <div class="cloud-rules-body">
        <Table :datas="datas">
          <TableItem title="序号" prop="$serial"></TableItem>
          <TableItem title="规则名" prop="name"></TableItem>
          <TableItem title="规则组" prop="age" align="center"></TableItem>
          <TableItem title="规则类" prop="address"></TableItem>
          <TableItem title="Address2" prop="address"></TableItem>
          <div slot="empty">自定义提醒：暂时无数据</div>
        </Table>
      </div>
    </div>
  </div>
</template>
<script type="text/javascript">
export default {
  data() {
    return {
      datas: [
        { id: 5, name: '测试5', age: 12, address: '上海' },
        { id: 6, name: '测试6', age: 13, address: '上海' },
        { id: 7, name: '测试7', age: 14, address: '上海' },
        { id: 5, name: '测试5', age: 15, address: '上海' },
        { id: 6, name: '测试6', age: 16, address: '上海' },
        { id: 7, name: '测试7', age: 17, address: '上海' }
      ]
    };
  },
  /**
   * 页面加载执行
   * @return {[type]} [description]
   */
  mounted() {

  },
  methods: {

  }
};

</script>
<style lang="less" scoped="true">
.cloud-rules-body {
  margin: 0 15px;
}

</style>
